<!DOCTYPE html>
<html>
<head>
    <title>付款</title>
    [#include "/includes/header.html" /]
    [#include "/includes/scripts.html" /]
    <style>
        body {
            background-color: #f5f5f5;
            margin: 0;
        }

        .bindCard_dis {
            width: 100%;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            display: flex;
            justify-content: space-between;
            border-bottom: #f5f5f5;
            box-sizing: border-box;
            background-color: #fff;
        }

        .bindCard_dis_a {
            padding-left: 20px;
        }

        .bindCard_dis_a img {
            width: 24px;
            height: 24px;
            vertical-align: middle;
            margin-right: 10px;
        }

        .bindCard_dis_b {
            margin-right: 20px;
        }

        .bindCard_dis_b input {
            width: 200px;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            border: none;
            outline: none;
            text-align: right;
        }

        .bindCard_dis_b select {
            width: 200px;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            border: none;
            outline: none;
            text-align: right;
        }

        .mcht_btn {
            width: 90%;
            margin: 0 auto;
            height: 40px;
            line-height: 40px;
            border-radius: 5px;
        }
    </style>
</head>
<div class='fui-cell-group' style="margin-top: 3.5rem;">
    <div class='fui-cell'>
        <div class='fui-cell-info'
             style="width:100%;background-color:#fff;margin:3.6rem auto;padding-top:10px;padding-bottom: 20px;">
            <div class="bindCard_dis">
                <div class="bindCard_dis_a"><img src="money.png" alt="">收款商户号</div>
                <div class="bindCard_dis_b">
                    <input type="text" id="buyer_id" name="buyer_id" value="${transOrder.buyer_id}">
                </div>
            </div>
            <div class="bindCard_dis">
                <div class="bindCard_dis_a"><img src="money.png" alt="">订单号</div>
                <div class="bindCard_dis_b">
                    <input type="text" id="trans_id" name="trans_id" value="${transOrder.trans_id}">
                </div>
            </div>
            <div class="bindCard_dis">
                <div class="bindCard_dis_a"><img src="money.png" alt="">金额</div>
                <div class="bindCard_dis_b"><input type="text" id="tranAmt" name="tranAmt" value="">
                </div>
            </div>
            <div class="bindCard_dis">
                <div class="bindCard_dis_a"><img src="money.png" alt="">卡号</div>
                <div class="bindCard_dis_b">
                    <input type="text" id="card_no" name="card_no" placeholder="请输入卡号">
                </div>
            </div>
            <div class="bindCard_dis">
                <div class="bindCard_dis_a"><img src="money.png" alt="">身份证号</div>
                <div class="bindCard_dis_b">
                    <input type="text" id="idNum" name="idNum" placeholder="请输入身份证号">
                </div>
            </div>
            <div class="bindCard_dis">
                <div class="bindCard_dis_a"><img src="mobile.png" alt="">手机号</div>
                <div class="bindCard_dis_b">
                    <input type="text" id="" name="" placeholder="请输入手机号">
                </div>
            </div>
            <div class="bindCard_dis">
                <div class="bindCard_dis_a"><img src="money.png" alt="">安全码</div>
                <div class="bindCard_dis_b">
                    <input type="text" id="acct_cvv2" name="acct_cvv2" placeholder="请输入安全码">
                </div>
            </div>
            <div class="bindCard_dis">
                <div class="bindCard_dis_a"><img src="money.png" alt="">有效期</div>
                <div class="bindCard_dis_b">
                    <input type="text" id="acct_validdate" name="acct_validdate" placeholder="请输入有效期">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="fui-cell-group fui-cell-click transparent" style="margin-top: 10px;">
    <div class="fui-cell external btn-logout" id='pay' onclick="pay()">
        <div class="fui-cell-text mcht_btn" style="text-align: center; color:#ffffff;background:#ff5555"><p>付款</p></div>
    </div>
</div>